* {
    margin: 0;
    padding: 0;
}
.son1 {
    .main_top {
        color:#e3e3e3
    }
    .main_hed {
        ul{
            li{
                list-style: none;
                display: inline-block;
                width: 25%;
                div{    
                    text-align: center;
                    p{  
                        margin: 0;
                        font-size: 15px;
                    }
                    h3{
                        margin: 0;
                        color: red;
                        border-right: 1px solid #e3e3e3;
                    }
                    span{
                        font-size: 12px;
                    }
                }
            }
        }
    }
    .main2 {
        padding: 15px 0;
        color:#e3e3e3;
    }
    .main3 {
        margin: 0;
        width: 100%;
        thead {
            tr {
                th {
                    text-align: center;
                    width: 20%;
                }
            }
        }
        .main3_main {
            tr {
                td {
                    background:rgb(243,243,243) ;
                    width: 17%;
                    padding: 7px 0;
                    margin: 15px 0;
                    margin-right:3%;
                    text-align: center;
                }
                .one {
                    background:#10aeb5;
                    color: white;
                }
            }
        }
    }
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

.two {
    color: yellow;
}
.three {
    color: red;
}
.four {
    color: #10aeb5;
}
.five {
    color: black;
}